<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="faq.css">
  <title>Sendinblue - Help Interface</title>
</head>
<body>

  <header>
    <nav>
    <div>
      <img src="images/sendinblue-logo.png" alt="sendinblue logo" class="logo">
      <span class="resources">星火小组</span>
    </div>
    </nav>
    <h1>欢迎使用星火小组帮助中心</h1>
    <div class="search11">
      <form>
      <input type="text" id="searchInput" placeholder="请输入你要搜索的问题">
      <ul id="suggestions" class="hidden">
        <li><a href="#">小组的学习时间是怎样安排的？</a></li>
        <li><a href="#">小组的是怎样安排的？</a></li>
        <li><a href="#">小组的时间是怎样安排的？</a></li>
        <li><a href="#">小学习时间是怎样安排的？</a></li>
        <li><a href="#">小组的学习时间是怎样的？</a></li>
        <li><a href="#">小组学习时间是安排的？</a></li>
        </ul>
      <button type="submit" id="searchButton">
        <img src="images/search-icon.png" alt="search icon">
      </button>
    </form>
  </div>
    
  </header>
  <div class="main">
    <div class="feature feature1 ">
      <img src="images/user-icon.png" alt="user icon"><hr>
      <a  href="#"  class="animated-text">学习方面</a>
      <p>In items of learning</p>
      </div>
    <div class="feature feature2">
      <img src="images/email-icon.png" alt="email icon"><hr>
      <a  href="#"  class="animated-text">寒暑假期安排方面</a>
      <p>Regarding the arrangement of winter and summer vacations</p >
    </div>
    <div class="feature feature3">
      <img src="images/sms-icon.png" alt="sms icon"><hr>
      <a  href="#"  class="animated-text">未来工作发展方面</a>
      <p>In terms of future career development</p >
    </div>
    <div class="feature feature4">
      <img src="images/transactional-icon.png" alt="transactional icon"><hr>
      <a  href="#"  class="animated-text">小组成员方面</a>
      <p>The group members</p >
    </div>
    <div class="feature feature5">
      <img src="images/contacts-icon.png" alt="contacts icon"><hr>
      <a  href="#"  class="animated-text">小组学术成就介绍</a>
      <p>Introduction to academic achievements of the group</p >
    </div>
    <div class="feature feature6">
        <img src="images/contact-icon.png" alt="contacts icon"><hr>
        <a  href="#"  class="animated-text">小组创建目的</a>
        <p>The group creation purpose</p >
      </div>
  </div>
  <div class="wb">
    <img src="images/email.jpg" alt="wb"><br><br>
    <a href="../feedback/feedback.html">问题反馈</a>
  </div>
  <script src="faq.js"></script>
</body>

</html>